<script setup>
import { RouterView } from 'vue-router'
</script>

<template>
  <RouterView />
</template>

<style lang="scss">
// 树形控件连接线样式
.treeCss {
  .el-tree-node__content {
    padding-left: 0 !important;
    padding: 2px 0px;
  }

  .el-tree > .el-tree-node:after {
    border-top: none;
  }

  .el-tree-node__children {
    .el-tree-node {
      position: relative;
      padding-left: 16px;
    }
  }

  //节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉
  .el-tree-node__expand-icon.is-leaf,
  .el-tree-node__content > .el-tree-node__expand-icon {
    max-width: 4px;
    padding: 0 !important;
  }

  .el-tree-node__children {
    padding-left: 16px;
  }

  .el-tree-node :last-child:before {
    height: 39px;
  }

  .el-tree > .el-tree-node:before {
    border-left: none;
  }

  .el-tree > .el-tree-node:after {
    border-top: none;
  }

  .el-tree-node:before {
    content: '';
    left: -2px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:after {
    content: '';
    left: -2px;
    position: absolute;
    right: auto;
    border-width: 1px;
  }

  .el-tree-node:before {
    border-left: 1px dashed #c0c4cc;
    bottom: 0px;
    height: 100%;
    top: -24px;
    width: 1px;
  }

  .el-tree-node:after {
    // border-top: 1px dashed #c0c4cc;
    height: 0px;
    top: 16px;
    width: 20px;
  }

  > .el-tree-node ::after {
    border-top: 1px dashed #c0c4cc;
  }

  .el-tooltip__trigger {
    flex: 1;
    min-width: 0;
  }
}
</style>
